$(function () {
  //调用初始化页面的函数
  initIndex();
  //初始化页面的函数
  function initIndex() {
    getBanner()
    getFriendLink()
  }

  //获取轮播图并渲染进页面的函数
  function getBanner() {
    $.ajax({
      type: 'GET',
      url: 'http://localhost:8888/api/swipers',
      success: function (res) {
        //判断请求是否成功
        if (res.status !== 0) return layer.msg(res.message);
        console.log(res);
        //渲染数据到页面
        var arr = []

        res.data.forEach(function (item) {
          arr.push(`
                    <li class="img-effect">
                      <a href="javascript:;">
                        <img src="${'http://localhost:8888/uploads/' + item.swiperimg}">
                      </a>
                    </li>
                  `)
        })

        // for (var item in res.data) {
        //     arr.push(`
        //     <li class="img-effect">
        //       <a href="javascript:;">
        //         <img src="${'http://localhost:8888/uploads/' + item.swiperimg}">
        //       </a>
        //     </li>
        //   `)
        // }

        $('#kr_carousel ul').html(arr.join(''))
      }
    })
  }

  //获取友情链接并渲染到页面的函数
  function getFriendLink() {
    $.ajax({
      type: 'GET',
      url: 'http://localhost:8888/api/links',
      success: function (res) {
        //判断请求是否成功
        if (res.status !== 0) return layer.msg(res.message)
        console.log(res);
        //将获取的数据渲染到页面 
        var arr = [`<dt>合作伙伴</dt>`]
        res.data.forEach(function (item) {
          arr.push(`
                <dd>
                  <a href="${item.linkurl}">
                    <img src="${'http://localhost:8888/uploads/' + item.linkicon}" alt="${item.linkname}">
                  </a>
                </dd>
              `)
          $('.kr_collaborator').html(arr)
        })
      }
    })
  }


})